寫出能動的程式碼只是第一步，寫出「好看」且「好懂」的程式碼同樣重要。特別是在團隊合作中，良好的程式碼規範和註解能讓溝通更順暢，維護更輕鬆。

• 命名規範： 使用有意義的命名，例如 main-nav 而不是 n1。CSS 中常用的命名方法是 BEM (Block Element Modifier)。
• 縮排： 保持一致的縮排，通常使用兩個或四個空格。
• 註解： 在複雜的區塊或特殊樣式上加上註解，解釋這段程式碼的作用。
  • HTML 註解：``
  • CSS 註解：/* 這是一段註解 */

這 21 天寫的程式碼加上註解，並調整命名，讓它們變得更清晰。

CSS
/* ==================================== */
/* 導覽列樣式 (Navigation Bar)         */
/* ==================================== */
.main-nav {
  /* ... */
}

這個習慣的養成，對未來開發任何程式或是網頁會有很大的幫助。

執行成果 :